<!DOCTYPE html>
<html class="x-admin-sm" xmlns:sec="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.w3.org/1999/xhtml">
<head>
  <title>欢迎页面-X-admin2.2</title>
  <!--/*--> 引入css、jq、layui等样式、js <!--*/-->
  <meta th:include="~{layout/layout_hread :: head}">
</head>
<body>
<div class="layui-fluid">
  <div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-body ">
          <blockquote class="layui-elem-quote">欢迎管理员：
            <span class="x-red" sec:authentication="principal.nickname"></span>！服务器时间: [[${date}]]
          </blockquote>
        </div>
      </div>
    </div>
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-header">数据统计</div>
        <div class="layui-card-body ">
          <ul class="layui-row layui-col-space10 layui-this x-admin-carousel x-admin-backlog">
            <li class="layui-col-md2 layui-col-xs6">
              <a href="javascript:;" class="x-admin-backlog-body">
                <h3>物理连接数</h3>
                <p>
                  <cite id="PhysicalConnectCount">0</cite></p>
              </a>
            </li>
            <li class="layui-col-md2 layui-col-xs6">
              <a href="javascript:;" class="x-admin-backlog-body">
                <h3>连接池数</h3>
                <p>
                  <cite id="PoolingCount">0</cite></p>
              </a>
            </li>
            <li class="layui-col-md2 layui-col-xs6">
              <a href="javascript:;" class="x-admin-backlog-body">
                <h3>连接池峰值</h3>
                <p>
                  <cite id="PoolingPeak">0</cite></p>
              </a>
            </li>
            <li class="layui-col-md2 layui-col-xs6">
              <a href="javascript:;" class="x-admin-backlog-body">
                <h3>查询超时数</h3>
                <p>
                  <cite id="QueryTimeout">0</cite></p>
              </a>
            </li>
            <li class="layui-col-md2 layui-col-xs6">
              <a href="javascript:;" class="x-admin-backlog-body">
                <h3>事务超时数</h3>
                <p>
                  <cite id="TransactionQueryTimeout">0</cite></p>
              </a>
            </li>
            <li class="layui-col-md2 layui-col-xs6 ">
              <a href="javascript:;" class="x-admin-backlog-body">
                <h3>活动峰值时间</h3>
                <p>
                  <cite id="ActivePeakTime">0</cite></p>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">下载
          <span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
        <div class="layui-card-body  ">
          <p class="layuiadmin-big-font">33,555</p>
          <p>新下载
            <span class="layuiadmin-span-color">10%
                                    <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">下载
          <span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
        <div class="layui-card-body ">
          <p class="layuiadmin-big-font">33,555</p>
          <p>新下载
            <span class="layuiadmin-span-color">10%
                                    <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">下载
          <span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
        <div class="layui-card-body ">
          <p class="layuiadmin-big-font">33,555</p>
          <p>新下载
            <span class="layuiadmin-span-color">10%
                                    <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-sm6 layui-col-md3">
      <div class="layui-card">
        <div class="layui-card-header">下载
          <span class="layui-badge layui-bg-cyan layuiadmin-badge">月</span></div>
        <div class="layui-card-body ">
          <p class="layuiadmin-big-font">33,555</p>
          <p>新下载
            <span class="layuiadmin-span-color">10%
                                    <i class="layui-inline layui-icon layui-icon-face-smile-b"></i></span>
          </p>
        </div>
      </div>
    </div>
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-header">系统信息</div>
        <div class="layui-card-body ">
          <table class="layui-table">
            <tbody>
            <tr>
              <th>xxx版本</th>
              <td>1.0.180420</td>
            </tr>
            <tr>
              <th>服务器地址</th>
              <td>x.xuebingsi.com</td>
            </tr>
            <tr>
              <th>操作系统</th>
              <td>WINNT</td>
            </tr>
            <tr>
              <th>运行环境</th>
              <td>Apache/2.4.23 (Win32) OpenSSL/1.0.2j mod_fcgid/2.3.9</td>
            </tr>
            <tr>
              <th>PHP版本</th>
              <td>5.6.27</td>
            </tr>
            <tr>
              <th>PHP运行方式</th>
              <td>cgi-fcgi</td>
            </tr>
            <tr>
              <th>MYSQL版本</th>
              <td>5.5.53</td>
            </tr>
            <tr>
              <th>ThinkPHP</th>
              <td>5.0.18</td>
            </tr>
            <tr>
              <th>上传附件限制</th>
              <td>2M</td>
            </tr>
            <tr>
              <th>执行时间限制</th>
              <td>30s</td>
            </tr>
            <tr>
              <th>剩余空间</th>
              <td>86015.2M</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="layui-col-md12">
      <div class="layui-card">
        <div class="layui-card-header">开发团队</div>
        <div class="layui-card-body ">
          <table class="layui-table">
            <tbody>
            <tr>
              <th>版权所有</th>
              <td>xuebingsi(xuebingsi)
                <a href="http://x.xuebingsi.com/" target="_blank">访问官网</a></td>
            </tr>
            <tr>
              <th>开发者</th>
              <td>马志斌(113664000@qq.com)</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <style id="welcome_style"></style>
    <div class="layui-col-md12">
      <blockquote class="layui-elem-quote layui-quote-nm">
        感谢layui,百度Echarts,jquery,本系统由x-admin提供技术支持。
      </blockquote>
    </div>
  </div>
</div>
<script>
  layui.use([ 'jquery', 'layer'], function () {
    var layer = layui.layer;
    var $ = layui.jquery;
    $.get({
      url:'/admin/stat',
      success(stat){
        var data=stat[0]
        $('#PhysicalConnectCount').html(data.PhysicalConnectCount)
        $('#PoolingCount').html(data.PoolingCount)
        $('#PoolingPeak').html(data.PoolingPeak)
        $('#QueryTimeout').html(data.QueryTimeout)
        $('#TransactionQueryTimeout').html(data.TransactionQueryTimeout)
        $('#ActivePeakTime').html(data.ActivePeakTime)

      }
    })


  })
</script>
</body>
</html>
